<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>2-form.html</title>
</head>
<body>
    块级元素：form 
    行内元素：input
    value:选项的时候会写value
        用户填写好数据时，不会写value
        默认值的时候可以写value
    placeholder-html5的属性：提示
    <span>before</span>
    <form action="login.jsp" method="get"
      enctype="application/x-www-form-urlencoded">
        信息的录入
        单行文本框：<input type="text" name="username" value="李四"/><br>
        密码框：<input type="password" name="pwd"><br>
        随意：<input type="text" placeholder="汉字"/><br>
       <!-- <button>普通按钮</button>-->
        提交按钮：<input type="submit" value="登录" />
        重置按钮：<input type="reset" value="清空" />
    </form>
    <span>end</span>
    <hr>
    第二个表单
    <form action="kun/do" method="get">
        <input type="hidden" name="action" value="add">
        <input type="hidden" name="time" value="3578799">
        <table>
            <tr>
                <td>编号1：</td>
                <td>
                    <input type="text" name="id1" 
                    value="9527" disabled>
                </td>
            </tr>
            <tr>
                <td>编号2：</td>
                <td>
                    <input type="text" name="id2" 
                    value="007" readonly>
                </td>
            </tr>
            <tr>
                <td>性别：</td>
                <td>
                    <label>
                    <input type="radio" name="gender" value="male"/>
                    男
                    </label>
                    &nbsp;&nbsp;&nbsp;
                    <input id="female" type="radio" name="gender" value="female" checked/>
                    <label for="female">女</label>
                </td>
            </tr>
            <tr>
                <td>兴趣爱好：</td>
                <td>
                    <input type="checkbox" name="hobbits" value="basketball" checked/>篮球
                    <input type="checkbox" name="hobbits" value="football" checked/>足球
                    <input type="checkbox" name="hobbits" value="ping"/>乒乓球
                </td>
            </tr>
            <tr>
                <td>头像：</td>
                <td>
                    <input type="file" name="face">
                </td>
            </tr>
            <tr>
                <td>地址：</td>
                <td>
                    <select name="provice">
                        <option>江苏省</option>
                        <option value="jiangxi">江西省</option>
                        <option value="shanxi" selected>山西省</option>
                    </select>
                    <select name="city" multiple>
                        <option>太原市</option>
                        <option>大同市</option>
                        <option>长治市</option>
                    </select>
                    <select name="address" >
                        <optgroup label="山西省">
                            <option value="1">太原市</option>
                            <option value="2">大同市</option>
                            <option value="3">长治市</option>
                        </optgroup>
                        <optgroup label="江苏省">
                            <option value="4">南京市</option>
                            <option value="5">无锡市</option>
                            <option value="6">昆山市</option>
                        </optgroup>
                    </select>
                </td>
            </tr>
            <tr>
                <td>自我介绍：</td>
                <td>
                    <textarea name="introduce"
                    rows="5" cols="10" wrap="hard"
                    >默认值<br>
                    默认值</textarea>
                </td>
            </tr>
            <tr>
                <td><input type="submit"></td>
                <td><input type="reset"></td>
            </tr>
        </table>
    </form>

    <iframe src="1-table.html"></iframe>
    https://www.tianqi.com/
    https://www.tianqi.com/plugin/
    <iframe frameborder="0" 
    scrolling="no" 
    hspace="0" 
    src="https://i.tianqi.com/?c=code&a=getcode&id=35&h=55&w=200">
    </iframe>

</body>
</html>